HTML-OptimizerPlus is een handig hulpmiddel voor het beheer van één of meer (max. 16) websites. Uw webpagina's worden gecontroleerd op verbroken hyperlinks en foute HTML tags en zowel pagina's als afbeeldingen worden geoptimaliseerd.
Het programma biedt 5 functies en ondersteunt drag and drop. Verder zijn er de opties instant uploading, 'duplimizing' en de 'alias mirror'.
Een eenvoudiger versie is HTML-Optimizer.
1. De belangrijkste functie is ruimte besparen op uw webpagina's door overbodige tekens en tags te verwijderen. Hoewel het besparingspercentage (10 tot 20%)misschien klein lijkt, wordt de laadtijd veel korter omdat de browser van uw klant de pagina's efficiënter aftast. Dit programma verwijdert niet de aanhalingstekens bij attributen - zoals andere optimizers doen om een indrukwekkende besparing te krijgen - omdat dit in feite de aftastsnelheid van de browser negatief beïnvloed!
Client-side en server-side JavaScript kan ook worden geoptimaliseerd.
Zie Over Optimaliseren voor meer info.
U kunt er tevens voor kiezen om resources van grafische bestanden te verwijderen. Zie Het verwijderen van de resource fork van grafische bestanden voor meer info.
2. Een andere functie van HTML-OptimizerPlus is de controle van de gepaarde tagstructuur van uw webpagina's. Elke losse containertag wordt aangegeven. Bovendien worden, als u kiest voor de extensive mode, de IMG-tags gecontroleerd op de aanwezigheid van de Width, Height en Alt attributen.
De Width- en Height-attributen zijn nodig zijn om de pagina snel door de browser op te laten bouwen. Bij Voorkeuren kunt u instellen of u de ontbrekende Width- en Height-attributen wilt toevoegen, met pixelwaarden die automatisch gedetecteerd worden (hiervoor hebt u QuickTime™ 3 of hoger nodig).
Het Alt-attribuut maakt uw pagina gebruiksvriendelijker. Bij Voorkeuren kunt u instellen of u al dan niet wilt controleren op Alt-attributen. Bovendien kunt u beslissen om Alt attributen toe te voegen als deze ontbreken en er een tekststring aan te hechten of de naam van de afbeelding. Een textstring zou "VindMij" kunnen zijn om het u gemakkelijk te maken deze in een Tekst Editor te zoeken en te vervangen.
Merk op dat veranderingen terecht komen in de originele pagina's van uw webmap, tenzij u bij Voorkeuren kiest voor de Include Checking Tags optie, d.w.z. dat de tags tijdens het optimaliseren gecontroleerd worden.
Verouderde en browser-specifieke tags worden eveneens gerapporteerd.
Als u HTML4 Compliant bij de Voorkeuren selecteert, worden afkeurenswaardige tags volgens HTML4, bijvoorbeeld <FONT> en <CENTER> gerapporteerd.
Deze functies werken ook als u de 'Fast & Simple' modus kiest.
3. U kunt er ook voor kiezen de tagstructuur en IMG-tags niet slechts te controleren, maar ook losse containertags en incomplete IMG tags te markeren met het teken •, zodat u die snel kunt vinden. Binnen een geneste tagstructuur is de markering soms niet geheel accuraat, maar desondanks gemakkelijk te interpreteren. Weggeschreven bestanden krijgen • als voorvoegsel. Natuurlijk upload u een gemarkeerde pagina niet naar een web server!
Als er een incomplete containertag wordt gevonden, wordt het 'kleiner dan'- teken < vervangen door •, dus als de tag </FORM> ontbreekt ziet u •FORM> i.p.v. het bijbehorende <FORM>, of vice versa.
Gemarkeerde pagina's worden altijd naar het eerste niveau van de optimizer output map weggeschreven.
4. U kunt de geldigheid van de links controleren, behalve die welke beginnen met 'http://', 'mailto:' of '#'. Webpagina's worden gecontroleerd op verbroken href, img src, lowsrc, img dynsrc, embed src en <script>.src links. Deze controle gaat tot een diepte van 8 niveaus van uw webmap.
Deze functie vereist dat een (web)map en zijn submappen worden geanalyseerd naar hun inhoud. HTML-OptimizerPlus doet dit automatisch wanneer nodig.
5. Ten slotte kunt u letters met accenten en bijzondere tekens, zoals á en §, converteren naar hun bijbehorende &.....; notatie; alles binnen het ASCII 128-255 gebied. Ook hier komen de geconverteerde tekens meteen in de originele pagina's van uw webmap terecht.
Bij Voorkeuren kunt u kiezen om te converteren terwijl u optimaliseert ('on-the-fly'), in welk geval de geconverteerde tekens in de geoptimaliseerde pagina's terechtkomen, dus niet in de originele!
Over Optimaliseren
U kunt tot maximaal 16 webmappen beheren en u kunt gemakkelijk overschakelen via het Web Folder pop-up menu.
Tijdens het optimalisatieproces blijven uw originele pagina's ongewijzigd om ze later te kunnen bijwerken. Dat is nuttig omdat de geoptimaliseerde pagina's moeilijk te lezen zijn (tenzij u bij Voorkeuren de optie 'Remove Returns' hebt uitgeschakeld).
Geoptimaliseerde webpagina's worden bewaard als nieuwe tekstbestanden met alleen een 'data fork', standaard met de BBEdit Creator Type - zie Voorkeuren - in de optimizer output map, wat een map is met dezelfde naam als z'n bijbehorende webmap, maar met de toevoeging ".opt". Elke webmap heeft natuurlijk z'n eigen optimizer output map, maar "Optimizer Output folder" is de algemene naam die dit programma gebruikt in z'n dialogen.
Als u een (bestand in een) andere map dan de huidige webmap kiest, wordt u gevraagd of u wilt overschakelen naar de nieuwe (web)map. Dit overschakelen gebeurt direct, hetgeen voorkomt dat een optimizer output map wordt vervuild met vreemde items. Als u een (bestand in een) andere map kiest die niet voorkomt in het webmap popup-menu, krijgt u een mededeling hierover. In dat geval wordt het geoptimaliseerde bestand in de huidige optimizer output map geplaatst. Let op dat u geen melding krijgt als u hiermee doorgaat.
Als u BBEdit niet hebt, download dan de gratis BBEdit Lite vanaf http://www.barebones.com/free/bbedit_lite.html
Waarschuwing: Pas op dat u uw originele webpagina's niet vervangt door de geoptimaliseerde! Bewaar de originelen op een veilige plaats!
Toen u dit programma configureerde, werd een lege geneste mapstructuur gecreëerd in elke optimizer output map, overeenkomend met de directory van de bijbehorende webmap.
Pagina's die in aanmerking komen voor optimalisatie worden aldus weggeschreven naar hun eigen map in de optimizer output map.
Als u Entire Web Folder kiest, krijgt u niet het gebruikelijke Open-dialoogvenster. In dat geval wordt uw gehele webmap meteen in één keer behandeld, inclusief de geneste mappen. Onthoud echter dat alleen geoptimaliseerde bestanden worden weggeschreven naar de optimizer output map, dus wees niet verbaasd over lege mappen aldaar!
Tip: Maak een 'alias mirror' van een webmap in zijn optimizer output map, waardoor u vanuit die map geoptimaliseerde webpagina's zonder verbroken hyperlinks kunt bekijken, dus o.a. met alle afbeeldingen erin.
Bekijk de geoptimaliseerde pagina's in uw browser vóór het uploaden naar een webserver. U kunt voor dit doel simpelweg op de View-knop klikken.
Open een geoptimaliseerde pagina niet in de HTML Editor die deze oorspronkelijk gecreëerd heeft, anders kan de optimalisatie grotendeels teniet worden gedaan omdat de editor z'n eigen formattering weer toevoegt!
De logboeken worden weggeschreven naar de Logs map in de HTML-OptimizerPlus map en kunnen bekeken worden door op de History Log knop te klikken. U krijgt een waarschuwing als een logboek zijn 32K limiet nadert, zodat u deze eventueel kunt veiligstellen in een backup voordat u het logboek leegmaakt. De logboeken zijn SimpelTekst bestanden; vanwege de beperkte grootte wordt scrollen nooit oncomfortabel.
Als u met ingedrukte Optietoets op de History Log knop klikt, ziet u opnieuw de meeste recente logboekgegevens (wat handig is als u deze te snel had verborgen). Het kleine O-tekentje links naast de knop herinnert u aan deze mogelijkheid.
Wat is 'Duplimizing'?
Duplimizing betekent duplicating plus optimizing. Het woord is bedacht door de auteur van dit programma. Wanneer u voor duplimizing kiest, wordt uw originele webmap gedupliceerd en worden vervolgens de geoptimaliseerde bestanden van de Optimizer Output map naar de duplicaatmap gekopieerd. U krijgt dus een geoptimaliseerd duplicaat van uw webmap, wat het ideale vertrekpunt is voor het uploaden van mappen (directories).
U kunt de duplicaatmap nog meer identiek maken aan de originele webmap door vóór u aan optimaliseren begint de Restore Finder Info optie bij Voorkeuren te selecteren, waardoor na optimalisatie de waarden van Creator Type, Creation date, Modification Date en Finder Label hersteld worden. Dit kan handig zijn als u een automatisch backup-programma gebruikt.
LET OP: U kunt beter niet de Restore Finder Info optie gebruiken als u alleen maar de recentelijk geoptimaliseerde bestanden naar uw web server wilt uploaden. In dat geval is het beter om een label te kiezen bij de Voorkeuren zodat u gemakkelijk kunt herkennen welk bestand het meest recente is.
Als u de Duplimize-optie bij Voorkeuren selecteert, zal het 'duplimizen' automatisch na het optimaliseren van uw gehele webmap plaatsvinden. Als u daarentegen pas later wilt 'duplimizen', kunt u het Duplimize commando uit het File-menu gebruiken.
De naam van de duplicaatmap krijgt de toevoeging ".dup".
Drag & Drop via HTML-Dropper
De drag & drop utility "HTML-Dropper" maakt u het nog gemakkelijker. Sleep één of meer bestanden en/of mappen naar z'n icoon of een alias ervan, en de actie wordt meteen ingezet.
Het Functie-menu bepaalt welke actie wordt uitgevoerd. U hoeft niet eerst 'File' of 'Folder' te kiezen, HTML-Dropper detecteert dit voor u. Echter, geneste mappen doen nu niet mee. Als u uw complete webmap wilt optimaliseren of controleren, gebruikt dan de Startknop.
HTML-Dropper geeft standaard een waarschuwing als u een bestand erop laat vallen dat niet door HTML-OptimizerPlus geaccepteerd kan worden. Zo'n bestand wordt overgeslagen. U kunt ervoor kiezen om de waarsachuwing te laten vervallen: dubbelklik daartoe HTML-Dropper en klik daarna op de Preferences knop.
Als HTML-OptimizerPlus niet open is, wordt het programma geopend door HTML-Dropper zodra u deze gebruikt. Het programma wordt bij opstarten altijd op optimaliseren ingesteld.
HTML-Dropper sluit zichzelf automatisch na gebruik.
Welke tags en tekens worden standaard verwijderd?
HTML-OptimizerPlus verwijdert de volgende tags:
Optionele eind-tags zoals </OPTION> (niet bij XHTML bestanden)
Verboden eind-tags zoals </IMG>
Redundant (overbodige)Editor tags zoals X-CLARIS-USEIMAGEWIDTH
De volgende tekens worden verwijderd:
Carriage returns, CRLF's en LF's
Tabs
Meervoudige spaties
Overbodige spaties
Er wordt niets veranderd in code tussen de volgende tags:
<APPLET> en </APPLET>
<OBJECT> en </OBJECT>
<STYLE> en </STYLE>
<PRE> en </PRE>
<NOOP> en </NOOP>
De <NOOP> en </NOOP> 'custom tags' - NOOP betekent 'No Optimizing' - kunnen door u worden toegepast om een bepaald stuk HTML-code te omsluiten dat u niet wilt optimaliseren.
Commentaar kan optioneel worden verwijderd uit HTML- en JavaScript-code. Commentaar en dus ook scriptcode geschreven in commentaarvorm, b.v. cgi code, wordt niet uit webpagina's verwijderd waarvan de bestandextensie begint met ".s", zoals bij index.shtm.
Optimalisatie van JavaScript en het verwijderen van JavaScript commentaar kan niet alleen worden uitgevoerd op client-side scripts (tussen <SCRIPT> en </SCRIPT> tags - maar ook op server-side scripts - tussen <SERVER> en </SERVER> tags - bijvoorbeeld bij bestanden met de .lasso file extensie.
Onvolledige URL's zoals b.v. "http://www.anyname.com" kunnen worden aangevuld met een slash aan het eind, waardoor een browser er twee maal sneller naar toe kan gaan. Kies deze optie alleen als u vermoedt dat de slashes ontbreken.
Het verwijderen van de resource fork van grafische bestanden
U kunt ervoor kiezen om de resource fork van (kopieën van) grafische bestanden met de juiste 'file extensions' te verwijderen, zie Voorkeuren. Er is een aanvullende inputcontrole van grafische bestanden als deze geselecteerd worden: alleen bestanden met de 'file types' GIFf, JPEG, PNGf, MIE0, TIFF of SWFL worden standaard geaccepteerd (voor tekstbestanden in het geaccepteerde file type TEXT). Gevorderde gebruikers kunnen bij Voorkeuren de lijst met file types wijzigen.
Het weghalen van de resource fork reduceert de bestandsgrootte zonder invloed op de grafische inhoud. Een resource fork heeft op het Internet geen enkel nut.
Het Configureer-menu
Onder normale omstandigheden hoeft u dit menu niet te gebruiken.
Echter, als u de lokatie van de optimizer output map wilt veranderen of bevestigen na een foutmelding, of
als u uw huidige webmap moet bevestigen, of
als u een andere standaard Internet-browser wilt bevestigen (zoals die is vastgelegd in Internet Config of het regelpaneel Internet), of
als u een 'alias mirror' (aliasspiegel) van uw huidige webmap wilt bijwerken, of
als u de huidige optimizer output directory wilt bijwerken omdat u de structuur van de bijbehorende webmap veranderd hebt,
dan dient u het betreffende menucommando uit het Configureer-menu te kiezen.
De Select-knop
De startknop doet wat voor de hand ligt: deze toont een Open… dialoogvenster met de gewenste webmap reeds voorgeselecteerd. Als u de 'Entire Web Folder' knop selecteert verandert de naam van de Select-knop in Start.
De Same Again-knop
Als u op deze knop klikt, start u de gewenste actie met hetzelfde bestand of dezelfde map die u daarvoor had gekozen, dus hoeft u niet opnieuw door een Open-dialoogvenster heen te gaan. U kunt dit herhalen zo vaak u wilt, tot u een nieuw bestand of een nieuwe map kiest. Deze knop is handig als u verschillende acties op hetzelfde item wilt uitvoeren, b.v. tags controleren, links controleren en tot slot optimaliseren.
De View-knop
Deze dient om in uw Internet-browser een pagina of afbeelding te bekijken, om er zeker van te zijn dat het item OK is na optimalisatie.
Als u op deze knop met ingedrukte Optietoets klikt, selecteert u het item zichtbaar in de Finder.
Selecteer in het logboek de regel waarin het bestand wordt genoemd om de knop te activeren.
De Upload-knop
Deze knop stelt u in staat om een pagina of afbeelding naar een web server te uploaden. Deze knop doet hetzelfde als het eerste menucommando uit het Remote Access menu, maar zo hoeft u niet uw weg te vinden in een Open-dialoogvenster.
Selecteer een regel in het logboek - niet via de History Log - die verwijst naar het bestand, om de knop te activeren. De knop wordt alleen geactiveerd als het bestand zich in de huidige optimizer output map bevindt, om het risico van het uploaden van het verkeerde bestand naar de verkeerde web server te minimaliseren.
De knop is alleen beschikbaar als u Mac OS 8.6 of hoger hebt.
De View Code-knop
Deze dient om de code te bekijken van een pagina. Alleen de eerste 29000 tekens van een bestand zullen worden weergegeven (u kunt de tekst bewerken tot een lengte van 30000 tekens).
Selecteer in het logboek de regel waarin het bestand wordt genoemd om de knop te activeren.
Als u een optimalisatie hebt gepleegd, verandert de naam van de knop in Find String…. In plaats van erop te klikken kunt u ook F typen terwijl u de appeltje-toets (command-toets) ingedrukt houdt. Als een string is gevonden, kunt u verder zoeken door op Return of Enter te drukken of Appeltje-G te typen. Deze zoekoptie is handig wanneer u HTML code bekijkt waarvan de harde returns zijn verwijderd.
Als u een markering hebt gepleegd, verandert de naam van de knop in Find Bullets. Een gevonden stip verandert in het teken . Als u een stip hebt gevonden, kunt u verder zoeken door op Return of Enter te drukken of Appeltje-G te typen.
Als u een conversie hebt gepleegd, verandert de naam van de knop in Find &xxx; (alleen als u een bestand kiest, bij een map wordt het Zoek String…). Als u een geconverteerd teken hebt gevonden, wordt de knop inactief en kunt u verder zoeken door op Return of Enter te drukken of Appeltje-G te typen.
Na elk van de voorgaande activiteiten, behalve markeren, verandert de naam van de View-knop in Edit en de naam van de Upload-knop in Save…. Hierdoor kunt u de tekst in het codeveld wijzigen en bewaren. Als u een optimalisatie hebt gepleegd worden de veranderingen weggeschreven naar de geoptimaliseerde pagina, zodat u in één keer kunt doorgaan, en in de andere gevallen worden de veranderingen weggeschreven naar de originele webpagina. Als u een originele webpagina identiek wilt maken aan z'n geoptimaliseerde tegenhanger - wat zo hoort in feite - moet u dit later doen, buiten HTML-OptimizerPlus om.
De Edit en Save… knoppen verschijnen eveneens als u een text file opent vanuit het File-menu.
Alias mirror (aliasspiegel)
De meeste opties bij Voorkeuren spreken voor zich, zeker als u ballonhelp inschakelt. Alleen de optie 'Support Alias Mirror of Web Folder(s)' heeft nadere toelichting nodig:
Als u een alias mirror maakt worden aliassen van alle bestanden, tot een diepte van 8 niveaus, van een webmap in zijn optimizer output map geplaatst, standaard zonder aliassen van bestanden die zich bevinden op het eerste niveau van de webmap. Hierdoor worden de (interne) links effectief als u een geoptimaliseerde pagina vanuit de optimizer output map bekijkt, d.w.z. met gebruikmaking van de View-knop.
Als een webmap zeer groot en complex is kan het enige tijd duren tot de alias mirror gecreëerd is, maar u kunt het proces op elk ogenblik stoppen.
Analyse van uw webmap
Soms krijgt u de mededeling te zien 'Analyzing your web folder… please wait' en zult u even moeten wachten. Dit gebeurt als HTML-OptimizerPlus heeft gemerkt dat er iets in de huidige webmap is veranderd, bijvoorbeeld omdat u een bestand hebt gewijzigd of toegevoegd, of als een ALT string is toegevoegd. Als u na zo'n verandering wilt optimaliseren wordt u tevens gevraagd of u de alias mirror wilt bijwerken (als u deze optie hebt geselecteerd bij Voorkeuren). U kunt dat eventueel achterwege laten als de webmap niet ingrijpend is gewijzigd.
Het Remote Access menu
De commando's uit het Remote Access menu zijn alleen beschikbaar als u Mac OS 8.6 of hoger hebt, omdat HTML-OptimizerPlus de nieuwe 'URL Access Library' gebruikt.
Dit menu stelt u in staat om bestanden of mappen naar een web server te uploaden of bestanden of mappen te downloaden, een 'directory listing' te ontvangen of 'post parameters' te versturen om de worden afgehandeld door bijvoorbeeld een CGI-script. Voor uploaden wordt alleen FTP (File Transer Protocol) ondersteund. Voor het downloaden van een map of het ontvangen van een directory listing is ook FTP vereist. Andere ondersteunde protocollen zijn HTTP, HTTPS en FILE, die u kunt gebruiken om bestanden te downloaden.
Let op dat elk bestaande bestand of map op de web server wordt vervangen door de nieuwe upload. Dit is vooral van belang als u uw hoofd-directory upload. Zou u namelijk een lege map uploaden die deel uitmaakt van die directory, dan wordt de inhoud van de overeenkomstige map op de server gewist!
Voer de verbindingssgegevens in in het Connection Settings dialoogvenster, voor elk van uw webmappen afzonderlijk. De input wordt bewaard en weer opgeroepen tezamen met de geselecteerde webmap. FTP-toegang wordt anoniem geprobeerd als gebruikersnaam en wachtwoord ontbreken.
Als u de Upload-knop gebruikt of één van de twee Upload-commando's uit het Remote Access menu, zal HTML-OptimizerPlus controleren of het geselecteerde bestand of map bij de huidige webmap horen, om uploaden naar de verkeerde server te voorkomen. Een eventuele subdirectory van het geselecteerde bestand of map wordt automatisch aan de 'host name' - zoals opgegeven in de Connections Settings voor de huidige webmap - toegevoegd, teneinde bestand of map op het juiste niveau te plaatsen.
Als u de Upload-commando's uit het Remote Access menu gebruikt, kunt u alleen uploaden vanuit de huidige optimizer output map, de huidige webmap of de 'duplimized' kopie daarvan. Als u probeert een bestand of map te uploaden afkomstig van buiten deze drie mappen, krijgt u een foutmelding.
